html, body {
    background-color: #f9f9f9;
}



.home-part {
    position: absolute;
    width: 96%;
    background-color: white;
    left: 2%;
    top: 30px;
    border-radius: 5px;
    padding: 20px;
}
.weather{margin: 0 auto;width: 410px;height: 200px}
.date{position: relative;margin: 0 auto;width: 410px;height: 370px}
.lable-s{font-size: 14px;padding: 15px}
.input-s{float: left;width: 60%;height: 30px}
.notice{height: 200px;border: 2px royalblue solid;margin: 0 auto 50px;border-radius: 12px;position: relative;max-width: 600px;min-width: 410px}
.notice-text{margin: 20px;height: 160px;color: #c01d38;font-weight: bold;font-size:large;line-height: 160px}
.notice:before{
    display: inline-block;
    width: 80px;height: 35px;content: '公告';
    position: absolute;left: 15px;
    top: -17px;
    font-size: 25px;color: white;
    background: #ec4010;
    border-radius: 5px;
    text-align: center;line-height: 35px;
}
#notice-font{display: inline-block;line-height: 28px;display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    overflow: hidden;text-indent:2em}
#rili{height: 368px;transform: scale(.7);width: 410px;padding-right: 190px;margin: 0 auto;position: absolute;left: -90px;top:0}
.release-peo{display: inline-block;position: absolute;right: 60px;bottom: 32px;height: 28px;line-height: 28px;color: black}
.release-tim{display: inline-block;position: absolute;right: 35px;bottom: 0;height: 28px;line-height: 28px;color: black}
.attendance{height: 255px;margin: 0 auto 50px;position: relative;max-width: 600px;min-width: 410px;border: 2px solid #2f8bbb;border-radius: 10px;
}
.attendance-chart{width: 48%;height:300px;margin: 0 auto;float: left}